<template>
  <el-drawer destroy-on-close size="800" v-model="弹窗否" :show-close="false" :before-close="详情.关窗">
    <template #header>
      <a工具栏 :详情_抽屉式="详情" />
    </template>
    <el-form :model="单项" label-position="top" ref="formRef" :rules="rule" label-width="80px">
      <el-form-item label="名称:" prop="名称">
        <el-input v-model="单项.名称" :clearable="true" placeholder="请输入名称" />
      </el-form-item>
      <el-form-item label="父级:" prop="父级id">
        <el-cascader v-model="单项.父级id" :options="list.插组件.a.候选值集.父级id树" :props="list.插组件.本组件树结构()" />
      </el-form-item>
    </el-form>
  </el-drawer>
</template>

<script setup>
// import { toRef } from 'vue';
const props = defineProps({
  list: Object,
})

// console.log(`props 👉`, props)
function 新增后处理(单项, row) {
  console.log(`单项 👉`, 单项)
  console.log(`row 👉`, row)
}
import use详情_抽屉式 from '@/hooks/use详情_抽屉式';
const 详情 = use详情_抽屉式({ list: props.list, 新增后处理 })
// const 详情 = use详情_抽屉式()
const { 弹窗否, 单项, 初始化, formRef, rule, a } = 详情

defineExpose({ 详情 })

</script>

<style></style>
